﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="bodyMap2.aspx.cs" Inherits="NCC_SOP.bodyMap" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div style="float: left; width: 44%; height: 600px;">
        <asp:MultiView ID="MultiView1" runat="server">
            <asp:View ID="ViewBodyLeft" runat="server">
                <asp:ImageMap ID="BodyLeftMap" runat="server" ImageUrl="~/images/body_left.jpg" Width="245px"
                    OnClick="setUpSelectionForm" HotSpotMode="PostBack">
                </asp:ImageMap>
            </asp:View>
            <asp:View ID="ViewBodyRight" runat="server">
                <asp:ImageMap ID="BodyRightMap" runat="server" ImageUrl="~/images/body_right.jpg"
                    Width="245px" OnClick="setUpSelectionForm" HotSpotMode="PostBack">
                </asp:ImageMap>
            </asp:View>
        </asp:MultiView>
        <telerik:RadButton ID="LeftBody" Text="Left" runat="server" OnClick="viewLeftBody"
            AutoPostBack="true">
        </telerik:RadButton>
        <telerik:RadButton ID="RightBody" Text="Right" runat="server" OnClick="viewRightBody"
            AutoPostBack="true">
        </telerik:RadButton>
    </div>
    <div style="float: right; width: 55%; height: 100%; border: 2px solid;">
        <div>
            <!-- Display the name of the selected cancer -->
            <asp:Label ID="CancerName" runat="server" ForeColor="Black" Font-Bold="true" Font-Size="Larger"></asp:Label>
            <!-- Display Histology -->
            <p>
                <label style="color: Maroon">
                    <u>Histology: </u>
                </label>
            </p>
            <p>
                <telerik:RadComboBox ID="RadComboBoxHistology" runat="server" Height="100px" DropDownWidth="310px"
                    Width="200px">
                </telerik:RadComboBox>
                <asp:Button ID="AddButton" runat="server" OnClick="updateSelection" Text="Add" />
                <telerik:RadGrid ID="SelectedHistology" OnDeleteCommand="SelectedHistology_DeleteCommand"
                    AutoGenerateColumns="False" runat="server" Height="150px">
                    <MasterTableView>
                        <Columns>
                            <telerik:GridBoundColumn HeaderText="Cancer_Name" DataField="CancerName">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn HeaderText="Histology" DataField="Histology">
                            </telerik:GridBoundColumn>
                            <telerik:GridButtonColumn HeaderText="Delete" CommandName="Delete" UniqueName="DeleteColumn"
                                ButtonType="ImageButton">
                            </telerik:GridButtonColumn>
                        </Columns>
                    </MasterTableView>
                    <ClientSettings>
                        <Scrolling AllowScroll="true" UseStaticHeaders="True" SaveScrollPosition="True">
                        </Scrolling>
                    </ClientSettings>
                </telerik:RadGrid>
            </p>
            <!-- Display Diagnosis Years -->
            <p>
                <label style="color: Maroon">
                    <u>Diagnosis Year(s): </u>
                </label>
            </p>
            <p>
                <asp:DropDownList ID="StartYear" AutoPostBack="true" OnSelectedIndexChanged="updateEndYear"
                    runat="server">
                </asp:DropDownList>
                to
                <asp:DropDownList ID="EndYear" runat="server">
                </asp:DropDownList>
            </p>
            <p>
                <label style="color: Maroon">
                    <u>Stage Group: </u>
                </label>
            </p>
        </div>
        <div style="overflow: auto; height: 200px;">
            <!-- Display Stage Group -->
            <p>
                <telerik:RadTabStrip ID="VersionTabs" runat="server" MultiPageID="VerList" SelectedIndex="0"
                    ReorderTabsOnSelect="true">
                    <Tabs>
                        <telerik:RadTab Text="Version 6" Selected="true">
                        </telerik:RadTab>
                        <telerik:RadTab Text="Version 7">
                        </telerik:RadTab>
                    </Tabs>
                </telerik:RadTabStrip>
                <telerik:RadMultiPage ID="VerList" runat="server" SelectedIndex="0">
                    <telerik:RadPageView ID="Ver6" runat="server">
                        <telerik:RadTreeView ID="Staging6" runat="server" TriStateCheckBoxes="true" CheckBoxes="true">
                        </telerik:RadTreeView>
                    </telerik:RadPageView>
                    <telerik:RadPageView ID="Ver7" runat="server">
                        <telerik:RadTreeView ID="Staging7" runat="server" TriStateCheckBoxes="true" CheckBoxes="true">
                        </telerik:RadTreeView>
                    </telerik:RadPageView>
                </telerik:RadMultiPage>
            </p>
        </div>
        <p>
            <asp:CustomValidator ID="EmptyFieldValidator" runat="server" OnServerValidate="checkEmptyFields">
            </asp:CustomValidator>
        </p>
        <br />
        <asp:Button ID="Button1" Text="Submit" runat="server" OnClick="submitQuery" />
    </div>
    <!-- 
              
            -->
</asp:Content>
